<template>
	<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '全部'
				}, {
					name: '午餐'
				}, {
					name: '晚餐'
				}],
				current: 0
			}
		},
		methods: {
			change(index) {
				this.current = index;
				this.$emit("tabsChange",String(this.current))
			}
		}
	}
</script>

<style>
</style>
